<script lang="ts" setup>
const props = withDefaults(
  defineProps<{
    src?: string
    size?: number | string
  }>(),
  {
    size: 24,
  },
)


const imageStyle = computed(() => ({
  width: `${props.size}px`,
  height: `${props.size}px`,
}))
</script>

<template>
  <el-image :style="imageStyle" :src="src" fit="fill" />
</template>

<style scoped></style>
